<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./style.css">
    <title>【高考加油】看着还算比较逼真的折角效果</title>
</head>
<body>
    <div class="container">
        <section class="page">
            <!-- 线 -->
            <div class="lines"></div>

            <div class="text">
                <span>三年寒窗苦读日，</span>
                <span>只盼金榜题名时。</span>
                <span>高考加油！</span>
                <span>—小yao老师</span>
            </div>

            <!-- 纸上的洞 -->
            <div class="holes">
                <div class="hole"></div>
                <div class="hole"></div>
                <div class="hole"></div>
            </div>
        </section>
    </div>
</body>
</html>